C'est parti pour votre exercice, Ici nous allons créer une application sur le top des lieux à visiter sur Marseille:



Enoncé:


L'application sera donc comme vous avez deviné une application contenant:

Vous avez libre choix pour le UI de votre application, e souhaite simplement que vous montriez une liste en orientation portrait et une grille en mode paysage

En cliquant sur un élément, vous passerez au détail

Voici quelques captures d'écran:


Page d'accueil contenant nos meilleurs lieux:


Portrait:


Paysage:



La page de Détail:


Portrait:




Payasage:



Ressources:


Vous avez les images télécharger en ressources et  à ajouter dans un dossier images.

Je vous fournit aussi la classe Place, à  ajouter dans un fichier dart place. Elle sera le modèle pour chacun de nos lieux:


class Place {

  String name;
  String imagePath;
  String desc;

  Place({
    required this.name,
    required this.imagePath,
    required this.desc
  });

  String getFolderPath() => "images/$imagePath.jpg";
}

Elle se compose de propriétés:

Un init

Une méthode pour Obtenir le chemin complet vers l'image.


Vous ajouterez ensuite une classe Datasource dans un fichier dart du même nom.

import 'package:marseille/place.dart';

class DataSource {

  List<Place> allPlaces() {
    return  [
      Place(name: "Notre Dame de la garde", imagePath: "notreDame", desc: "Notre-Dame-de-la-Garde (en provençal, Nouestro-Damo de la Gardo), souvent surnommée « la Bonne Mère » (la Boueno Maire en provençal), est une basilique mineure de l'Église catholique datée du xixe siècle. Emblème de Marseille, dédiée à Notre-Dame de la Garde (protectrice de Marseille avec saint Victor), elle domine la ville et la mer Méditerranée depuis le sommet de la colline Notre-Dame-de-la-Garde (site classé depuis 19171).À cheval sur les quartiers du Roucas-Blanc et de Vauban, sur un piton calcaire de 149 m d'altitude surélevé de 13 m grâce aux murs et soubassements d'un ancien fort. Construite par l'architecte protestant Henri-Jacques Espérandieu dans le style romano-byzantin et consacrée le 5 juin 1864, elle remplace une chapelle du même nom édifiée en 1214 et reconstruite au xve siècle. Bâtie sur les bases d'un fort du xvie siècle construit par François Ier en 1536 pour résister au siège de Charles Quint, la basilique comporte deux parties : une église basse, ou crypte, creusée dans le roc et de style roman, et au-dessus une église haute de style romano-byzantin décorée de mosaïques. Au sommet d'un clocher carré de 41 mètres de haut surmonté lui-même d'une sorte de tour de 12,5 mètres qui lui sert de piédestal, se dresse une statue monumentale de 11,2 mètres de la Vierge à l'Enfant réalisée en cuivre doré à la feuille.La pierre utilisée pour la construction, notamment celle de couleur verte en provenance des environs de Florence, s’étant révélée sensible à la corrosion atmosphérique, il a été nécessaire d’entreprendre de 2001 à 2008 une longue et minutieuse restauration qui a également porté sur la rénovation des mosaïques, endommagées à la Libération par les impacts de balles et noircies au fil du temps par la fumée des cierges.Véritable palladium de la ville de Marseille, Notre-Dame de la Garde est depuis le Moyen Âge considérée comme la gardienne des marins et des pêcheurs."),
      Place(name: "Calanque des Goudes", imagePath: "goudes", desc: "Les Goudes (Lei Goudo, en provençal) est un quartier et un port de Marseille du 8e arrondissement de Marseille, à la porte sud de la ville et du parc national des Calanques, au bout de la route sans issue des Goudes, surnommé le bout du monde marseillais, avec son petit port de pêche (et port de plaisance) traditionnel, institutionnel, et historique dans un décor spectaculaire, pittoresque et préservé de calanques au bord de la Méditerranée."),
      Place(name: "Vallon des Auffes", imagePath: "auffes", desc: "Le vallon des Auffes est un petit port de pêche pittoresque traditionnel sur la corniche Kennedy, du quartier d'Endoume, dans le 7e arrondissement de Marseille. Il se situe à 2 km au sud-ouest du Vieux-Port, entre la plage des Catalans et l'anse de Malmousque."),
      Place(name: "Parc Borely", imagePath: "borely", desc: "Le parc Borély est un des parcs et jardins publics de Marseille, du quartier de Bonneveine dans le 8e arrondissement de Marseille. Historiquement associé au château Borély et hippodrome-golf Marseille Borély, à proximité des plages du Prado, au bout de la corniche du Président-John-Fitzgerald-Kennedy, il est labellisé « jardin remarquable »."),
      Place(name: "Manger une Bouillabaisse", imagePath: "bouillabaisse", desc: "La bouillabaisse est une spécialité culinaire traditionnelle et institutionnelle de la cuisine de la Provence méditerranéenne. Originaire de Marseille, dont elle est un emblème, elle se compose d'une soupe de poissons accompagnée de croûtons de pain frottés à l’ail et tartinés de rouille, de morceaux de poissons, et de pommes de terre."),
      Place(name: "Les Calanques", imagePath: "calanques", desc: "Les Calanques, connues aussi sous l'appellation calanques de Marseille, sont constituées d'une succession d'anses et de criques s'étendant sur plus de vingt kilomètres de côtes sur la mer Méditerranée entre les quartiers marseillais de la Madrague de Montredon et des Goudes d'une part, et entre le cap Croisette et la ville de Cassis d'autre part. Elles sont réparties sur le littoral des massifs de Marseilleveyre et du Puget.Par commodité de langage, cet ensemble montagneux est aussi appelé massif des Calanques. Il est l'un des sites naturels les plus remarquables de France et une zone majeure de ressourcement pour près de 3 millions de visiteurs2par an à terre et en mer. Le mot calanque (du provençal calanco) désigne une vallée creusée par une rivière, puis récupérée par la mer. Les calanques bénéficient de la protection du parc national des Calanques créé en avril 2012 et qui est le premier parc national périurbain d'Europe et le 3e au monde3. Afin de réempoissonner les eaux, certaines zones du parc sont interdites à la pêche pour servir de nurseries naturelles.Les innombrables fossiles incrustés dans le calcaire témoignent d'une histoire qui commence il y a plus de cent millions d'années, par l'accumulation de sédiments au fond de la mer, puis par un soulèvement à l'ère tertiaire, époque de la formation des Alpes. L'érosion accentue les fractures, pour donner naissance au relief tourmenté que l'on observe aujourd'hui. La grotte Cosquer, située dans le massif, sous les eaux, témoigne de la durée d'occupation du site par les hommes."),
      Place(name: "Monter la canebière", imagePath: "canebiere", desc: "La Canebière, anciennement rue Cannebière (en occitan provençal : la Canebiera en norme classique ou la Canebiero en norme mistralienne) est une avenue du centre de Marseille mesurant 1 km, qui va de l'église des Réformés au Vieux Port et englobe, depuis 1927, la rue Noailles et les allées de Meilhan."),
      Place(name: "Chateau d'If", imagePath: "if", desc: "Le château d'If est une forteresse française édifiée sur les ordres du roi François Ier, entre 1527 et 1529 sur l'îlot d'If de l'archipel du Frioul, proche des îles de Ratonneau et Pomègues au centre de la rade de Marseille.C'est une construction de forme carrée de trois étages mesurant 28 mètres sur chaque côté, flanquée de trois tours, percées de larges embrasures. Le reste de l'île, dont la dimension est de seulement 3 hectares, est fortement défendu par de hauts remparts, avec des plates-formes d'artillerie surmontant les falaises.Il a essentiellement servi de prison pendant ses 400 ans d'utilisation officielle. Rendu célèbre par un roman d'Alexandre Dumas, Le Comte de Monte-Cristo, il est l'un des sites les plus visités de la ville de Marseille (près de 100 000 visiteurs par an1). Il a été classé monument historique le 7 juillet 1926."),
      Place(name: "Friche de la belle de mai", imagePath: "friche", desc: "La Friche la Belle de Mai est une friche culturelle à Marseille regroupant des lieux de travail artistiques et culturels, des salles de spectacle et d'exposition. Plus de soixante structures artistiques et culturelles de toutes disciplines (théâtre, danse, musique, art contemporain, radio) la font vivre."),
      Place(name: "MUCEM", imagePath: "mucem", desc: "Le musée des Civilisations de l'Europe et de la Méditerranée (Mucem)2 est un musée national situé à Marseille. Il a été inauguré par le président François Hollande, le 7 juin 20133, alors que Marseille était capitale européenne de la culture. Il constitue l'un des rares témoignages pérennes de la programmation culturelle de l'année 2013 conçue par Bernard Latarjet, avec la construction du FRAC [archive] PACA dans le nouveau quartier de la Joliette.Musée de société4,5, le Mucem est un musée national placé sous la tutelle du ministère de la Culture et consacré aux civilisations de l’Europe et de la Méditerranée. En le créant à Marseille l'État dote la deuxième ville de France d'un équipement culturel majeur.Les expositions permanentes s'appuient sur différents champs scientifiques : anthropologie, archéologie, histoire, histoire de l'art et art contemporain. Le musée propose également des expositions temporaires souvent en lien avec l'actualité artistique ou sociétale. Le musée a pour vocation de rendre compte des permanences historiques et sociales de ce bassin de civilisation, ainsi que des tensions qui le traversent jusqu'à l’époque contemporaine.Selon la définition de l'ICOM6 et les principes de la « loi Musées [archive] » en France, le Mucem associe à sa programmation d'expositions, une riche programmation culturelle. Comme un forum, il se veut un lieu de débats, et la programmation artistique et culturelle ainsi que les expositions s'attachent à aborder de grandes questions qui animent les sociétés7 européennes et méditerranéennes8 contemporaines.Depuis 2015, le Mucem est présidé par Jean-François Chougnet [archive]. Il a succédé à Bruno Suzzarelli [archive] qui a organisé le chantier de préfiguration à partir de 2009, dans le cadre des grands travaux soutenus par Patrick Devedjian. Le directeur scientifique du Mucem depuis 2011 est Zeev Gourarier, conservateur général du patrimoine.Depuis son inauguration, le Mucem a accueilli 8,5 millions de visiteurs, dont 2,2 millions dans ses espaces d'exposition entre 2013 et 20169. Le musée est donc présenté comme un outil d'attractivité du territoire de la métropole d'Aix-Marseille-Provence10. En 2015, le Mucem a reçu le prix du musée du Conseil de l'Europe11."),
      Place(name: "Quartier du panier", imagePath: "panier", desc: "Le Panier désigne un quartier de Marseille situé dans le 2e arrondissement, partagé entre trois quartiers administratifs : Hôtel-de-Ville, Les Grands-Carmes et La Joliette.La rive nord du Vieux Port est la partie la plus ancienne du site d'implantation historique de la colonie grecque de Massalia en 600 ans av. J.-C.. Les ruelles étroites qu'on y trouve rappellent toujours qu'il s'agit de la partie la plus ancienne de la ville malgré la destruction d'une grande partie de ces quartiers au xixe siècle lors du percement de la Rue de la République puis au xxe siècle, lors du dynamitage par les autorités allemandes en février 1943 1 du quartier Saint-Jean, cœur historique de Marseille. Aujourd'hui, le Panier en est la seule partie conservée. Ces quartiers devinrent à partir de la seconde moitié du xixe siècle la porte d'entrée des populations immigrées à Marseille, notamment italiennes, corses puis maghrébines. Ces dernières années, sous l'effet des réhabilitations et de l'implantation de lieux culturels, le Panier devient un quartier touristique notamment avec le projet Euroméditerranée."),
      Place(name: "Le Vieux port", imagePath: "port", desc: "Le Vieux-Port de Marseille (en provençal lo Pòrt Vielh selon la norme classique, lou Port-Vièi selon la norme mistralienne1,2,3) est le plus ancien port de Marseille, ainsi que le centre historique et culturel de la ville depuis sa fondation sur ce site durant l'Antiquité. Le port était le centre économique de Marseille jusqu'au milieu du xixe siècle, ouvert sur le commerce de la mer Méditerranée puis des colonies françaises. Les activités portuaires de commerce furent ensuite déplacées vers d'autres sites plus au nord : les bassins de l'actuel grand port maritime de Marseille.Le « bassin du vieux port » est aujourd'hui un port de plaisance, partagé entre les quartiers Hôtel-de-Ville (2e) au nord, Opéra (1er) au sud-est, Saint-Victor (7e) au sud et Le Pharo (7e) au sud-ouest. C'est aussi un lieu de rassemblement populaire et l'un des symboles de Marseille. Le Vieux-Port est aussi un pôle intermodal de transport (au quai des Belges qui le longe à l'est et auquel aboutit la Canebière), avec une station de métro, de nombreux bus et plusieurs services maritimes dont le ferry.Le Vieux-Port est aussi une place de marché, puisqu'on peut y retrouver, plusieurs fois par semaine, une vente directe de poisson frais.Il est de nos jours ancré dans la culture populaire comme servant de cadre principal à la Trilogie marseillaise de Marcel Pagnol, avec les figures de César et Marius au « bar de la Marine », et celle de Fanny, la belle poissonnière amoureuse de Marius."),
    ];
  }
}

Elle contient les Données néceessaires dans une fonction allPlaces()




Bonne chance et à très vite